@tailwind base;
@tailwind components;
@tailwind utilities;

html,
body,
#root {
  margin: 0;
  padding: 0;
  border: 0;
}

.ant-pro-page-container-children-container {
  padding-bottom: 0; //ProTable下内边距
}

.flex-center {
  display: flex;
  align-items: center;
}

.flex-center:not(:first-child) {
  margin-left: 10px;
}

//限制表单高度
.ant-modal-body {
  max-height: calc(80vh - 120px);
  overflow-y: auto;

  .ant-form {
    padding-right: 20px;
  }
}

//表格机密信息透明度
.ant-pro-layout-watermark {
  // opacity: 0.9;
  position: fixed !important;
  background-size: 300px !important;
}

.bg-100 {
  background-size: 100% 100%;
}

.flex-1-auto {
  flex: 1;
}

.h(@h: 100%) {
  height: @h;
}

.flex-column {
  display: flex;
  flex-direction: column;
  .flex-1-auto;
}

.flex-column-1-auto {
  .flex-1-auto;
  .flex-column;
}

.ant-pro-layout .ant-pro-layout-container {
  .h(100vh);

  .ant-layout-content {
    .flex-1-auto;

    .ant-pro-page-container {
      .flex-column-1-auto;

      .ant-pro-grid-content {
        .flex-1-auto;

        .ant-pro-grid-content-children,
        .ant-pro-layout-watermark-wrapper {
          .h();

          .ant-pro-page-container-children-container,
          .ant-pro-page-container-children-container > div {
            .h();

            .ant-pro-table {
              .h();
              .flex-column;

              .ant-pro-card:nth-child(2) {
                .flex-1-auto;

                .ant-pro-card-body {
                  .flex-column-1-auto;

                  .ant-table-wrapper {
                    .flex-column-1-auto;

                    > div {
                      .flex-column-1-auto;

                      > .ant-spin-container {
                        .flex-column-1-auto;
                        //overflow: hidden;

                        .ant-table-middle {
                          .flex-column-1-auto;

                          .ant-table-container {
                            .h();

                            .ant-table-body {
                              .h();
                            }
                          }
                        }
                      }
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}
